<!DOCTYPE html>
<html>
    <head>
        <title>goo</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/resit.css" rel="stylesheet">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,cyrillic-ext,latin-ext' rel='stylesheet' type='text/css'>

        <!-- jQuery Library -->
        <script src="plugins/jquery-2.1.1.min.js"></script>

        <!-- Bootstrap Library -->
        <link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <script src="plugins/bootstrap/js/bootstrap.min.js"></script>

        <!-- Custom CSS file -->
        <link href="css/style.css" rel="stylesheet">
        <link href="css/company-events.css" rel="stylesheet">


    </head>
    <body>
        <div class="main-menu-line">
            <div class="my-container">
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div id="menu">
                            <ul>
                                <li><a href="#" class="active">home</a></li>
                                <li><a href="#" >Company</a></li>
                                <li><a href="#" >Performances</a></li>
                                <li><a href="#" ><span style="color: #fff;">B</span>m<span style="color: #fff;">R</span> - austria</a></li>
                                <li><a href="#" ><span style="color: #fff;">B</span>m<span style="color: #fff;">R</span> - serbia</a></li>
                                <li><a href="#" >references</a></li>
                                <li><a href="#" >Jobs</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div id="pod-menu">
                            <ul>
                                <li><a href="#" class="active">serbian</a></li>
                                <li><a href="#" >english</a></li>
                                <li><a href="#" >german</a></li>
                                <li><a href="#" >russian</a></li>
                                <li><a href="#" >arabic</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="slider"></div>

        <div class="page-bg">
            <div class="my-container">
                <div id="company" class="row">
                    <div class="col-md-3 col-sm-3 col-xs-3">
                        <div class="vertical-menu">
                            <ul>
                                <li>
                                    <a class="active" href=#>Mounting the future</a>
                                </li>
                                <li>
                                    <a class="" href="#">The company</a>
                                </li>
                                <li>
                                    <a class="" href="#">Facts and history</a>
                                </li>
                                <li>
                                    <a class="" href="#">Ecology</a>
                                </li>
                                <li>
                                    <a class="" href="#">Co-operating partners network</a>
                                </li>
                                <li>
                                    <a class="" href="#">Welding training school</a>
                                </li>
                                <li>
                                    <a class="" href="#">ISO Sertificates</a>
                                </li>
                                <li>
                                    <a class="" href="#">Contact European Sites</a>
                                </li>
                                <li>
                                    <a class="" href="#">Our Partners</a>
                                </li>
                                <li>
                                    <a href="#">Events</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-9 col-sm-9 col-xs-9 events-contents">
                        <div class="breadcrumbs">
                            <a class="" href="http://mida-studio.com/bmr-test/en/company.htm">Company</a>
                            <span></span>
                            <a class="active" href="http://mida-studio.com/bmr-test/en/company/mounting-the-future.htm">Events</a>
                        </div>
                        <h1>Events<span>.</span></h1>
                        <div class="row events_row">
                            <div class="col-md-1 col-sm-1 col-xs-1" style="padding-top: 10px;">
                                <span class="events_date_m">AUG</span>
                                <span class="event_date_line"></span>
                                <span class="events_date_d">30</span>
                            </div>
                            <div class="col-md-5 col-sm-5 col-xs-5">
                                <img alt="company_events_01" src="img/company/company_events_01.jpg">
                            </div>
                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <h3>25th Anniversary celebration: 25 years BMR Group</h3>
                                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium 
                                    voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati.</p>
                                <a href="#" class="events_arrow">Visit Event details</a>
                            </div>
                        </div>
                        <div class="line_events" style="width: 100%; margin-top: 40px;"></div>
                        <div class="row events_row">
                            <div class="col-md-1 col-sm-1 col-xs-1" style="padding-top: 10px;">
                                <span class="events_date_m">JUL</span>
                                <span class="event_date_line"></span>
                                <span class="events_date_d">3</span>
                            </div>
                            <div class="col-md-5 col-sm-5 col-xs-5">
                                <img alt="company_events_02" src="img/company/company_events_02.jpg">
                            </div>
                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <h3>Serbian president Boris Tadić  visits company BMR</h3>
                                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium 
                                    voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati.</p>
                                <a href="#" class="events_arrow">Visit Event details</a>
                            </div>
                        </div>
                        <div class="line_events" style="width: 100%; margin-top: 40px;"></div>
                        <div class="row events_row">
                            <div class="col-md-1 col-sm-1 col-xs-1" style="padding-top: 10px;">
                                <span class="events_date_m">SEP</span>
                                <span class="event_date_line"></span>
                                <span class="events_date_d">14</span>
                            </div>
                            <div class="col-md-5 col-sm-5 col-xs-5">
                                <img alt="company_events_03" src="img/company/company_events_03.jpg">
                            </div>
                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <h3>Initiation of further workshop area of 3000m² and storage - areas in Serbia</h3>
                                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium 
                                    voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati.</p>
                                <a href="#" class="events_arrow">Visit Event details</a>
                            </div>
                        </div>
                        <div class="events_pagination">
                            <ul>
                                <li><a class="active" href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="deo_footer">
            <div class="my-container">
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <a class="scrollToTop" href="#">To the top</a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <img class="logo_bmr" alt="footer_logo" src="img/futer_logo.png">
                        <p class="footer_text"> Besides using the latest technologies, 
                            we also focus on the responsibility toward our environment. 
                            Therefore the protection of the environment plays in all our projects an important role,
                            because the sustainable balance of nature and the 
                            careful use of our resources is for our future very important.</p>
                        <div class="social-links">
                            <ul>
                                <li><a class="fb" href="#"></a></li>
                                <li><a class="google" href="#"></a></li>
                                <li><a class="in" href="#"></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                        <div id="menu_footer">
                            <ul style="list-style-type:none">
                                <li><a href="#" class="active">home</a></li>
                                <li><a href="#" >Company</a></li>
                                <li><a href="#" >Performances</a></li>
                                <li><a href="#" >b<span style="color: #dd5d24;">M</span>r - austria</a></li>
                                <li><a href="#" >b<span style="color: #dd5d24;">M</span>r - serbia</a></li>
                                <li><a href="#" >references</a></li>
                                <li><a href="#" >Jobs</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_line"></div>
            <div class="my-container">
                <div class="row">
                    <div class="col-md-4 col-sm-4 col-xs-4">
                        <a class="mida" href="#"></a>
                    </div>
                    <div class="col-md-4 col-sm-4 col-xs-4">
                        <p class="allrigst"> 2014. B<span style="color: #dd5d24;">M</span>R d.o.o. Šabac. All Rights Reserved.</p>
                    </div>
                    <div class="col-md-4 col-sm-4 col-xs-4"></div>
                </div>
            </div>
        </div>

    </body>
</html>
